<script setup lang="ts">
import { onMounted } from "vue";
import { useRoute } from "vue-router";
import "tdesign-mobile-vue/es/style/index.css";
//@ts-ignore
import WKT from "terraformer-wkt-parser";
const route = useRoute();
onMounted(() => {});
</script>

<template>
  <div class="page">
    <router-view v-slot="{ Component }">
      <keep-alive>
        <component
          :is="Component"
          v-if="route.meta.keepAlive"
          :key="route.name"
        />
      </keep-alive>
      <component
        :is="Component"
        v-if="!route.meta.keepAlive"
        :key="route.name"
      />
    </router-view>
  </div>
</template>

<style scoped lang="scss">
.page {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #fff;
}
</style>
